<template>
    <div>
        <div>
            <h1><img :src=detail.img alt=""></h1>
            <p><b>{{detail.title}}</b></p>
            <p>￥{{detail.num}}万</p>
            <p>{{detail.desc}}</p>
        
        </div>
    </div>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';
import {State} from 'vuex-class'
@Component
export default class Detail extends Vue {
    @State('detail') detail?:[]
}
</script>

<style lang="scss" scoped>
 h1{
     width: 100%;
     height: 300px;
     img{
         width: 100%;
         height: 100%;
     }
 }
 p{
     margin: 10px;
 }
</style>